<template>
	<dl class="index-item" :style="getLightStyleObject()">
		<dt><img :src="house.imgUrl"/></dt>
		<dd>
			<h3>{{house.xiaoqu}} </h3>
			<div class="hui">
				<span>{{house.roomCount}}室</span>
				<span>{{house.area}}m²</span>
				<span class="amount">￥{{house.sellPrice}}</span>
			</div>
		</dd>
	</dl>
</template>

<script>
	export default {
		props: {
			house: {
				type: Object,
				default: {
					imgUrl: "http://demo.mxyhn.xyz:8020/cssthemes6/12.20ZF27/images/fang1.jpg",
					hallCount: 0,
					roomCount: 0,
					area: 0,
					sellPrice: 100,
					detailLocation: "金鱼池东区"
				}
			},
		},
	data () {
		return{}
		
	},
		methods: {
			getLightStyleObject: function() {
				return {
					animation: 'light'+this.common.getRandom(1, 4)+" "+this.common.getRandom(1, 10)+'s infinite',
				}
			}
		}
	}
</script>

<style>
	
</style>
